#xdmenu,
#xdmenu ul,
#xdmenu ul li,
#xdmenu ul li a,
#xdmenu #menu-button {

  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#xdmenu {
  display: block;
}
#xdmenu #menu-button {
  display: none;
}

#xdmenu > ul > li {
  float: left;
}
#xdmenu > ul > li > a {
  position: relative;
  /* text-transform: uppercase; */
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  z-index: 100;
}


/*二级*/
#xdmenu > ul > li > ul{
    position: absolute;
    top: 95px;   /*隐藏掉的，二级菜单高度*/
    z-index: 10;
    transition-duration: .3s;
	left: 50%;
	width: 200px;	
	transform:scaleY(0);
	transform-origin: top;
	opacity: 0;
	margin-left: -100px;
}
#xdmenu > ul > li:hover > ul{
  top:95px; /*正常显示*/
  transform:scaleY(1);
  transform-origin: top;
  opacity: 1;
}
/*headnavone*/
#xdmenu > ul > li > ul.headnavone{
  left: 0;
  width: 100%;
  z-index: 10;
}
#xdmenu > ul > li > ul.headnavone > li{
  float: left;
}

#xdmenu > ul > li > ul.headnavone > li:nth-child(1){
  margin-left: 0;
}
#xdmenu > ul > li > ul.headnavone > li > a{
  position: relative;
}
#xdmenu > ul > li > ul.headnavone > li > a .columnimg{
  overflow: hidden;
}
#xdmenu > ul > li > ul.headnavone > li > a .columnimg img{
  width: 100%;
}
#xdmenu > ul > li > ul.headnavone > li > a .name{
  width: 100%;
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: absolute;
  left: 0;
  bottom: 0;
}
/*headnavtwo*/
#xdmenu > ul > li > ul.headnavtwo{
    /* text-transform: uppercase; */
}

#xdmenu > ul > li > ul.headnavtwo > li > a:hover,
#xdmenu > ul > li > ul.headnavtwo > li > a.active{
	/* background:#007eca; */  /*二级菜单指向颜色*/
	color: #fff;
}
/*三级*/
#xdmenu > ul > li > ul > li > ul {
  position: absolute;
  left: -9999px;
  top: 0;
}
#xdmenu > ul > li > ul > li:hover > ul {
    left: 100%;
	width: 100%;
	text-transform: uppercase;
}
#xdmenu > ul > li > ul > li > ul > li {
  /* height: 0; */
  -webkit-transition: height .3s ease;
  -moz-transition: height .3s ease;
  -ms-transition: height .3s ease;
  -o-transition: height .3s ease;
  transition: height .3s ease;
  background: #0c3e7b;
}
/* #xdmenu > ul > li > ul > li:hover > ul > li {
  height: 41px;
} */
#xdmenu > ul > li > ul > li > ul > li > a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
#xdmenu > ul > li > ul > li > ul > li > a:hover,
#xdmenu > ul > li > ul > li > ul > li > a.active {
  background:#0c3e7b;
  color: #fff;
}